<template>


  <!-- 整体区域 -->
  <div class="body" >

    <!-- 头部区域 -->
    <myhead></myhead>


    <!-- 中间区域 -->
    <div class="mycenter" align="center">

      <!-- mytab -->
      <mytab></mytab>

      <!-- 公共组件 -->
      <notice></notice>

      <!-- 菜单  -->
      <mymenu></mymenu>

      <!-- 第一块视频区域  -->
      <topvideo></topvideo>


      <div class="ad1" >
        广告
      </div>

      <div class="video1" >
        视频区域
      </div>
      <div class="video1" >
        视频区域
      </div>

    </div>



    <!-- 底部区域 -->
    <myboottom></myboottom>

  </div>


</template>

<script>

import topvideo from '@/components/topvideo'
import myhead from '@/components/myhead'
import mymenu from '@/components/mymenu'
import myboottom from '@/components/myboottom'
import mytab from '@/components/mytab'
import notice from '@/components/notice'


export default {
  name: 'index',
  data () {
    return {
      msg: 'index',
    }
  },
  created () {

  },
  components: {
    topvideo,
    myhead,
    mymenu,
    myboottom,
    mytab,
    notice
  },
  mounted(){

  },
  methods: {

  }

}
</script>
<style scoped>

  div{
    /*border:1px solid #F00;*/
  }
  .body{
    margin: 0px;
    min-width:1900px;
    width:99%;
  }

  .ad1{
    margin-top:20px;
    margin-bottom: 20px;
    background-color:#F2F2F2;
    width:90%;
    height:100px;
  }

  .video1{
    margin-top: 10px;
    width:90%;
    min-height:140px;
    background-color:#F2F2F2;
  }


</style>


